<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"
    />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <title>采购 详情</title>
    <link type="text/css" href="css/reset.css" rel="stylesheet" />
    <link type="text/css" href="css/public.css" rel="stylesheet" />
    <link type="text/css" href="css/style.css" rel="stylesheet" />
    <link type="text/css" href="css/wode.css" rel="stylesheet" />
    <script>
        var deviceWidth = Math.min(640, window.innerWidth)
        document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
    </script>
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/core.js"></script>
    <script src="js/qiugoudetail.js"></script>
</head>

<body>
    <!-- top -->
    <div>
        <!--top-->
        <div class="ma_zhs">
            <div class="fl">
                <a href="javascript:history.go(-1);">
                    <img src="images/detail_top_left.png" width="36" height="36">
                </a>
            </div>
            <!-- <div class="fr">
            <a href="javascript:void(0);" class="jg_share"><img src="images/detail_top_share.png" width="36" height="36"></a>
        </div>-->
        </div>
        <!--banner-->
        <div id="slideBox" class="slideBox">
            <div class="bd">
                <ul id="img_details">

                </ul>
            </div>
            <div class="hd">
                <ul></ul>
            </div>
        </div>
    </div>
    <div class="buy_caigou_list" id="shangpingxiangqing">

    </div>
    <div id="zimiaoshu"></div>
    <div id="xiangqing"></div>
    <!--底部-->
    <style>
        .Daike_show2 {
            width: 225px;
            height: 226px;
            background: #FFFFFF;
            border-radius: 5px;
            position: fixed;
            top: 28%;
            left: 23%;
            display: none;
            z-index: 99;
        }
    </style>

    <div class="Daike_show2 Daike_show_close2" style="display: none;">

        <img id="erweima2" src="images/annnder1.png" style="width:100%;height:120%">
    </div>


    <div class="buy_caigou_footer">
        <div class="qiugou_a P-price">
            <a href="#" onclick="siliao()">
                <img src="images/top_xiaoxi.png" />私聊</a>
        </div>
    </div>
    <!--分享-->

    <!--<div class="public_share">
	<ul class="clearfix">
		<li>
			<img src="images/share01.png" />
			<h6>微信好友</h6>
		</li>
		<li>
			<img src="images/share02.png" />
			<h6>朋友圈</h6>
		</li>
		<li>
			<img src="images/share03.png" />
			<h6>QQ好友</h6>
		</li>
		<li>
			<img src="images/share04.png" />
			<h6>QQ空间</h6>
		</li>
		<li>
			<img src="images/share05.png" />
			<h6>Facebook</h6>
		</li>
	</ul>
	<div class="public_share_quxiao">取消</div>
</div>-->
    <script>
        function siliao() {
            var u = navigator.userAgent;
            var device = ""; //当前设备信息
            if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机
                device = "Android";
                $("#erweima2").attr("src", "images/annnder1.png");
            } else if (u.indexOf('iPhone') > -1) { //苹果手机
                $("#erweima2").attr("src", "images/iphon.png");
                device = "iPhone";
            } else if (u.indexOf('Windows Phone') > -1) { //winphone手机
                device = "Windows Phone";
            }

        }
    </script>
    <style>
        .slideBox .hd {
            width: 100%;
            height: 28px;
            overflow: hidden;
            font-size: 0;
            position: absolute;
            bottom: 0;
            text-align: center;
        }

        .slideBox .hd ul {
            display: inline-block;
            padding-top: 5px;
        }

        .slideBox .hd li {
            display: inline-block;
            width: 10px;
            height: 10px;
            background: rgba(255, 255, 255, 0.5);
            margin: 0 4px;
            vertical-align: top;
            overflow: hidden;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

        .slideBox .hd li.on {
            background: #FFFFFF;
        }

        .slideBox .bd li img {
            /*width: 7.5rem;
		height: 7.5rem;
		max-height: 100%;*/
            width: 100%;
            /* height: 8.9rem;*/
            max-height: 100%;
						vertical-align: middle;
        }
    </style>



    <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
    <script type="text/javascript">
        //分享
        $(function () {
            //弹出
            $('.jg_share').on('click', function () {
                $("body").append("<div id='mask'></div>");
                $(".public_share").show();
            });
            //点击关闭
            $(".public_share_quxiao").on('click', function () {
                $(".public_share").hide();
                $("#mask").remove();
            })
            $("#mask").on('click', function () {
                $(".public_share").hide();
                $("#mask").remove();
            })
        });
    </script>
    <script type="text/javascript">
        $(".P-price").on('click', function () {
            $("body").append("<div id='mask'></div>");
            $(".Daike_show2").show();
        })
        //点击关闭
        $(".Daike_show_close2").on('click', function () {
            $(".Daike_show2").hide();
            $("#mask").remove();
        })
    </script>
    <script src="js/layer.js"></script>
</body>

</html>
